<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/public.css">
</head>

<body>
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="./css/details.css">
        <script src="./js/jquery.js"></script>
        <script src="./js/lodash.js">
        </script> <script src="./js/tab.js"></script>
        <script src="./js/details-jsq.js"></script>
        <script src="./js/details.js"></script>
        <script src="./libs/jquery-validation/jquery.validate.js"></script>
        <script src="./libs/jquery-validation/additional-methods.js"></script>
        <script src="./libs/layer/layer.js"></script>

    </head>

    <body>
        <header>
            <div class="headlist">
                <div class="main">
                    <div class="clear topbox">
                        <ul class="list1">
                            <li><a href="">帮助中心</a></li>
                            <li><a href="">收藏</a></li>
                            <li><a href="">360官网</a></li>
                            <li><a href="">360智慧生活</a></li>
                        </ul>
                        <ul class="list2">
                            <li class="denglu"><a>登录</a></li>
                            <li class="zhuce"><a>注册</a></li>
                        <li class="usename"></li>
                        <li class="exit">退出</li>
                            <li><a>360手机商城</a></li>
                            <li><a class="shopbag"></a></li>
                        </ul>
                    </div>
                </div>

            </div>
        </header>


        <section>
            <!-- //右侧固定 -->
            <div class="rightside">
                <ul class="cenbox">
                    <li><span></span></li>
                    <li><span></span></li>
                    <li><span></span></li>
                </ul>
                <div class="botbox">
                    <span></span>
                </div>
            </div>

            <div class="top-box">
                <div class="main clear">
                    <ul class="top-list1 clear">
                        <li><a href="" class="logo"></a></li>
                        <li><a href="">领卷中心</a></li>
                        <li><a href="">社区</a></li>
                    </ul>
                    <div class="inp">
                        <div class="search">
                            <input type="text">
                            <button></button>
                        </div>
                        <ul class="top-list2 clear">
                            <li>路由器</li>
                            <li>摄像机</li>
                            <li>记录仪</li>
                            <li>儿童手表</li>
                            <li>耳机</li>
                            <li>扫地机</li>
                        </ul>
                    </div>
                </div>
            </div>


            <!-- 全部分类 -->
            <div class="centbox">
                <div class="main">
                    <div class="sumcls"><img src="./img/bantit.png" alt=""> 全部分类</div>
                </div>
            </div>

            <div class="buy">
                <div class="main clear">
                    <div class="glass">
                        <div class="smallimg">
                              <div class="smallarea"></div>
                        </div>
                        <ul class="sarea clear">
                            <span class="left"></span>
                            <li><img src="./img/glass1.jpg" alt=""></li>
                            <li><img src="./img/glass2.jpg" alt=""></li>
                            <li><img src="./img/glass3.jpg" alt=""></li>
                            <li><img src="./img/glass4.jpg" alt=""></li>
                            <li><img src="./img/glass5.jpg" alt=""></li>
                            <span class="right"></span>
                        </ul>
                        <div class="bigarea">
                            <img class="bigimg" src="./img/glass1.jpg" alt="">
                        </div>
                        <ul class="fw clear">
                            <li>
                                <img src="./img/gou.png" alt="">
                                360商城发货&售后
                            </li>
                            <li>
                                <img src="./img/gou.png" alt="">
                                满99元包邮
                            </li>
                            <li>
                                <img src="./img/gou.png" alt="">
                                7天无理由退货
                            </li>
                            <li>
                                <img src="./img/gou.png" alt="">
                                15天免费换货
                            </li>
                        </ul>

                    </div>
                    <div class="info">
                        <div class="infotop">
                            <p class="t1">
                                360 行车记录仪G300 Pro
                            </p>
                            <p class="t2">
                                超清摄像头 能拍清车牌的记录仪
                            </p>
                            <p class="t3">
                                2k高清记录仪、存储卡、降压线等更多商品，点击查看>>
                            </p>
                            <div class="seckill">
                                <div class="progess">
                                    剩余84%
                                    <span class="p1">
                                        <span class="p2"></span>
                                    </span>
                                </div>
                                <div class="djs">
                                    <span>
                                        距离结束还剩
                                    </span>
                                    <div class="hour"></div> : <div class="min"></div> : <div class="sec"></div>
                                </div>
                            </div>
                            <div class="content">
                                <div class="price">
                                    <span class="p1">价 格</span>
                                    ￥<span class="p2">319.00</span>
                                    <span class="p3">￥349</span>
                                </div>
                                <div class="juan clear">
                                    <span class="p1">领 卷</span>
                                    <div class="juancon">
                                        <span class="p2"></span>
                                        <span class="p3">满99.00减5.00元</span>
                                        <span class="p4"></span>
                                    </div>
                                </div>
                                <div class="cx">
                                    <span class="p1">促 销</span>
                                    <span class="p2">
                                        <span class="go">限时购</span>
                                        <span class="jian">立减 30.00 元</span>
                                    </span>
                                    <span class="p3">
                                        <span class="go">限购</span>
                                        <span class="jian">该商品购买10件以下时享受单件价319.00元，超出数量以实际结算价为准</span>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="infocen">
                            受疫情影响，河北石家庄、辽宁大连市、黑龙江牡丹江市、新疆部分地区暂停发货
                        </div>
                        <div class="infobot">
                            <div class="fl clear">
                                <span class="tit">分 类</span>
                                <ul class="clear">
                                    <li class="current">G300</li>
                                    <li>G300 PLUS</li>
                                    <li>G300 PRO</li>
                                </ul>
                            </div>
                            <div class="sl clear">
                                <span class="tit">数 量</span>
                                <div class="count">
                                    <span class="jian">-</span>
                                    <span class="num">1</span>
                                    <span class="jia">+</span>
                                </div>
                            </div>
                            <div class="jf clear">
                                <span class="tit">积 分</span>
                                <span class="p1">购买可获得319积分</span>
                                <span class="p2"></span>
                            </div>
                            <div class="sub">
                                <a class="nowbuy">立即购买</a>
                                <a class="add">加入购物车</a>
                                <a class="xin">
                                    <span></span>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="con">
                <img src="./img/ban3.jpg" alt="">
                <img src="./img/ban5.jpg" alt="">

                <div class="conlist">
                    <ul class="list1 clear">
                        <li>
                            <a>产品详情
                            <span class="current"></span>
                            </a>
                        </li>
                        <li>
                            <a>规格参数
                            <span></span>
                            </a>
                        </li>
                        <li>
                            <a class="no">常见问题
                            <span></span>
                            </a>
                        </li>
                    </ul>
                    <img src="./img/conlist.png" alt="">
                    <div class="sub">
                        <a class="nowbuy">立即购买</a>
                        <a class="add">加入购物车</a>
                        <span>APP购买</span>
                    </div>
                </div>
                <div class="tabcon">
                    <div class="tab1">
                        <img src="./img/tab1.jpg" alt="">
                        <img src="./img/tab2.jpg" alt="">
                    </div>
                    <div class="tab2">
                        <div class="git">
                            规格参数
                        </div>
                        <div class="gcon">
                            暂无规格参数
                        </div>
                        <div class="git">
                            常见问题
                        </div>
                        <dl>
                            <dt class="clear">
                                <span class="p1">1、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">2、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">3、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">4、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">5、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">6、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">7、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">8、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">9、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">10、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                    </div>
                    <div class="tab3">
                        <div class="git">
                            常见问题
                        </div>
                        <dl>
                            <dt class="clear">
                                <span class="p1">1、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">2、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">3、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">4、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">5、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">6、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">7、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">8、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">9、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="clear">
                                <span class="p1">10、</span>
                                <span class="p2"></span>
                                <span class="p3">订单提交成功后还可以修改收货信息吗？</span>
                            </dt>
                            <dd class="clear">
                                <span class="p1"></span>
                                <span class="p2">订单付款之前，您可以进入“我的订单”，在订单详情页内修改收货信息。付款之后将不可修改收货信息。</span>
                            </dd>
                        </dl>
                    </div>
                </div>
            </div>
            </div>




        </section>


        <footer>
            <div class="footop main">
                <div class="about">
                    <p>
                        关于商城
                    </p>
                    <p>
                        360商城是奇虎360公司的官方电商平台，主要经营360安全智能设备，以及相关领域消费品。提供最新的360智能设备，最贴心的售后服务，360社区一手评测资讯，享受360安全、安心、放心的购物体验。
                    </p>
                    <div class="follow">
                        <span>关于我们</span>
                        <a href=""></a>
                        <a href=""></a>
                    </div>
                </div>
                <div class="service">
                    <dl>
                        <dt>售后服务</dt>
                        <dd>7日无理由退货 </dd>
                        <dd>质量问题15日内换货 </dd>
                        <dd>保修条款</dd>
                        <dd>服务流程</dd>
                        <dd>许可协议</dd>
                        <dd>隐私政策</dd>
                    </dl>
                </div>
                <div class="help">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd>用户注册</dd>
                        <dd>会员说明</dd>
                        <dd>登录与密码找回</dd>
                        <dd>购买指南</dd>
                        <dd>支付方式</dd>
                        <dd>配送与说明</dd>
                    </dl>
                </div>
                <div class="download">
                    <p>扫码下载APP</p>
                    <img src="./img/ma.png" alt="">
                </div>
                <div class="contact">
                    <p>联系我们</p>
                    <p>400-1555-360</p>
                    <p>周一至周日 9:00-21:00（仅收市话费）</p>
                </div>
            </div>

            <div class="footbot">
                <div class="main">
                    <div class="service">
                        <ul>
                            <li><span></span>7天无理由退货</li>
                            <li><span></span>15天免费换货</li>
                            <li><span></span>满99元包邮</li>
                        </ul>
                    </div>
                    <div class="copy">
                        <p> ©2019-2021 mall.360.cn版权所有 </p>
                        <p>京ICP备08010314号-43 营业执照 京公网安备11000002000006号 </p>
                        <p>公司名称：北京视觉世界科技有限公司 | 社会统一信用代码：91110105336460203N | 食品经营许可证</p>
                        <p> 公司地址：北京市朝阳区酒仙桥路6号院2号楼1至17层102号内5层501 | 联系方式：400-1555-360</p>
                    </div>
                </div>
            </div>
        </footer>
    </body>

    </html>
</body>

</html>